Overview
What is Marvel?
Marvel is a prototyping and wireframing app.
Marvel app, a nice app for basic workflow ...
Good for quick and small projects
Marvel: A Simple Solution for Quick Prototyping
Great for quick, simple prototypes
Marvel App -- Prototypes Well Developed
Has become my new go-to for high-fidelity prototyping
One of the best free Prototyping tools
Pricing
Entry-level set up fee?
- No setup fee
Offerings
- Free Trial
- Free/Freemium Version
- Premium Consulting/Integration Services
Would you like us to let the vendor know that you want pricing?
2 people also want pricing
Alternatives Pricing
What is Adobe XD?
Adobe XD is a prototyping and UX/UI option for website and mobile application design, featuring a range of UI tools and and templates, a versatile artboard and contextual layer panels, and deep integration with Adobe's creative suite of products for fast import of objects from these applications.
What is Figma?
Figma, headquartered in San Francisco, offers their collaborative design and prototyping application to support digital product and UI development.
Product Details
- About
- Tech Details
What is Marvel?
Marvel Technical Details
Operating Systems | Unspecified |
---|---|
Mobile Application | No |
Comparisons
Compare with
Reviews and Ratings
(22)Community Insights
- Business Problems Solved
- Pros
- Cons
- Recommendations
Marvel is a versatile tool that is widely used by web designers to quickly and efficiently assemble designs for web interfaces. With its intuitive interface, designers can easily give logical sense to navigation and create ordered development. Users appreciate the application's ability to view the CSS styles used in the interface, as it greatly simplifies HTML construction. One of the key use cases of Marvel is creating mockups of web and mobile websites, allowing clients to visualize how their website will appear on different platforms. The ability to interact with these mockups on various devices enhances the overall sense of realness and helps clients make more informed decisions.
Marvel proves to be most effective for basic and fast mockups rather than precise and high-quality designs. Designers find it particularly valuable for creating quick prototypes that can be shared with stakeholders to demonstrate initial designs and workflows. This early feedback enables designers to iterate efficiently, saving valuable time and energy. Moreover, Marvel is commonly used by UX and product teams for a range of activities including prototype creation, user testing, design previews, and user flow mapping. Integration with Sketch further allows designers to finalize their designs before handing them off to developers. Freelance web designers and developers also rely on Marvel as a reliable tool for designing wireframes rapidly and effectively for websites or blogs. Overall, Marvel offers a valuable set of features that cater to diverse user needs in the design process while promoting collaboration and efficiency.
Sleek and intuitive interface: Many users have praised Marvel for its sleek, intuitive user interface that enables a quick learning curve for new users. The clean and simple design of the interface prevents users from getting lost in unnecessary functions, making day-to-day tasks much easier.
Easy collaboration on projects: Marvel's ability to facilitate easy collaboration on projects is highly appreciated by reviewers. They find it convenient to make changes to the product and leave notes for other designers, especially when working with a team. This feature enhances teamwork and streamlines the design process.
Useful design specifications feature: Several reviewers have found Marvel's design specifications feature very helpful in creating specific CSS style guides for developers. This functionality simplifies the process of providing developers with necessary design information, ensuring smooth communication between designers and developers.
Slow loading and deployment: Several users have experienced slow loading and deployment of options, especially when working on large projects. This has caused frustration and delays in their design process.
Limited animation functionalities: Some users have expressed that the animation functionalities are limited, which hinders the creation of realistic prototypes for complex designs. They feel that more advanced animation features would greatly enhance their ability to create dynamic and engaging experiences.
Lack of offline option: Many reviewers have mentioned their disappointment with the lack of an offline option. Not being able to work without an internet connection can be a significant drawback, particularly for teams considering purchasing the paid version.
Users commonly recommend the following:
-
Try Marvel for quick prototyping: Many users suggest trying Marvel, especially the free version, for fast prototyping. They find it to be a great tool with a low learning curve and user-friendly experience. Marvel is recommended for both beginners and experienced users in prototyping, regardless of their level of expertise. It is particularly useful for creating click-through prototypes quickly and conducting customer development and testing.
-
Utilize Marvel's integration with other platforms: Users appreciate how Marvel integrates seamlessly with other design tools like Sketch and Photoshop. They find features like commenting and hotspotting to be awesome. Additionally, the integration with Apple devices, GDrive, Dropbox, and other platforms makes Marvel a valuable tool for designers to explain mobile application designs and functionality to stakeholders. Some users also mention the benefit of using a stylus instead of a mouse for a more organic feel during prototyping.
-
Consider Marvel for simple prototypes and basic interactions: Many users recommend Marvel for creating low-resolution and low-fidelity mockups or flow tests. While not particularly robust compared to other software, Marvel is praised for its simplicity, which allows users to quickly move from one design iteration to another. It is highlighted as a great tool for showcasing simple mobile interactions and is accessible even for those without a design background.
Overall, users find Marvel to be a valuable prototyping tool that is easy to use, visually appealing, and ideal for collaboration with clients. They suggest exploring Marvel's possibilities through demos and experimenting with it as an alternative to other prototyping tools like InVision, especially if you don't require all of InVision's features or want to save money.
Reviews
(1-4 of 4)Marvel app, a nice app for basic workflow ...
- Workflow between screenshots
- No training needed
- Really basic design
- Design of mockups is not enough
- No major update in a lot of time
- No "zoom out" -> one screen design at a time, I'll like to see the big picture
However, Marvel is not suited to create designs and has no free plan which is a huge issue for small business that test apps during the selection process.
- Workflow of screenshots
- A bad design tool use as the only design tool of the company, we loose a lot in UX
Marvel: A Simple Solution for Quick Prototyping
- Provides design specifications, making it very easy to give specific CSS style guides to developers.
- Very sleek and intuitive design, enabling a very quick learning curve for new users.
- Most features are free, which makes this product especially useful for new designers, students, and nonprofits.
- Web-based, so users can access the app anywhere with an internet connection.
- Link sharing makes it very easy to share designs directly with stakeholders.
- No annotation options, so designers have to find a method outside of the app to communicate notes about specific parts of designs.
- No offline option. This is the primary reason why my company won’t purchase the paid version since some of our team works in areas with less stable internet access
- Limited animation functionalities, which limits the ability to create truly realistic prototypes for more complicated designs.
- Editing in the mobile app can be finicky, which might make this a less desirable tool for those who want to iterate upon designs on the go.
- Saves time and money early in the design process. Designers can quickly and affordably create simple prototypes to get feedback on before creating more complex, more time-intensive designs.
- Enables designers to present somewhat realistic designs to gain buy-in from stakeholders and clients. This has led us to gain support and funding for projects easier than when we would present design workflows using PowerPoint presentations.
- Saves time onboarding to a new tool. Marvel’s very simple and intuitive design means less time figuring out the tool and more time actually designing.
- InVision, Sketch, SketchUp, Balsamiq, iRise, Indigo.Design, Draftium, Justinmind, Proto.io and Axure RP
Marvel App -- Prototypes Well Developed
To me, this seems like a logical order of development, since it allows no errors of design or navigation within an application. It's also a great help to the developers, since the CSS code will have already been handed to them through Marvel.
- Easy to use with a fast learning curve
- The handoff option allows developers to extract CSS code to copy design styles
- In some cases, the connection will be limited by a project
- When the projects are very large, the loading and deployment of options is very slow;You must have a good internet bandwidth
- In addition to showing CSS code with the option to handoff, it should also show the HTML code associated with that CSS
Now, if there are projects that are short and do not have a level of design that requires you to present your application to a client in a visual way, it is not necessary to work on Marvel, since the ideal use of this application is to really see the scope of a project, to see in a visual way what will be presented and how it will look, and to see functions and features that will be available in some way when the application is developed. That is the great advantage of using marvel.
- In establishing application prototypes, it gives a considerable return on investment, since it saves effort and time. That means that it can have economic gains, because the client is presented with this prototype and an estimate can then be made based on a scrum of how long it will take to develop, how much it will cost to develop, and how much manpower it will require.
- Sometimes, clients will get applications that are not what they expected, visually. With Marvel, though, the prototypes are accurate and you can create exact mockups of what your application will be. This way, the development team can go straight to that goal, instead of spending more time thinking about what to do and how to present a prototype.
- Investing in this type of applications allows the company to save a lot of personal time, as it avoids unnecessary work. Marvel allows you to figure out if you are able to cover the development of that application and what staff you will need to do it.
On the subject of team collaboration, both tools offer commenting and invitation features in the free plan. In InVision the collaboration is smooth and predictable: just click by an area where you want to leave your comment, and the field appears. Another cool collaboration feature from InVision is Liveshare. With this, you can collaborate together with your colleagues, create notes, draw, make a voice conversation in a browser and connect to a call from a regular phone. Impressive! Marvel's app supports basic collaboration with things like commenting and inviting. It does not support voice or drawings.
However, the most important thing about Marvel App is that the subscription price is much cheaper than InVision's.
Has become my new go-to for high-fidelity prototyping
- Though I do not work with other designers often, when I do Marvel makes it easy to collaborate on a project and for each individual to make changes of the product and to make note of those changes for the other designers
- Gives you design specs, making it easier to create a style guide for developers
- A wider range of interactions than other apps such as InVision
- Easy integration with Sketch
- Would never hurt to have a greater range of micro-interactions!
- A greater range of project frames/devices
- I would like to see an easier way to demonstrate responsiveness to clients, rather than having to have separate mockup files
- Clients will always prefer seeing actual mockups to flat screens, and Marvel is a very affordable way to provide that.